<template>
  <div>
    <van-area title="请选择" :area-list="areaList" @confirm="showArea"/>
  </div>
</template>

<script>

// 从下载好的全国省市区数据包中提取数据对象,名称为areaList
import {areaList} from '@vant/area-data'

export default {
  data() {
    return {areaList}
  },
  methods: {
    showArea(area) {
      console.log(area);
    }
  }
}
</script>
